<!DOCTYPE html><!-- 声明文档类型  html-->
<html lang="en"><!-- 页面开始 -->
	<head><!-- 页面头部 -->
		<meta charset="UTF-8"><!-- 声明页面编码集 -->
		<title></title> <!-- 页面标题 -->
		<link rel="stylesheet" type="text/css" href="./css/base.css">
		<link rel="stylesheet" type="text/css" href="./css/index.css">
		<script>
			window.onload = function () {
				function getEle(elName,type) {
					!type && type == "one";
					var el = document.querySelectorAll(elName);
					if(el.length == 0) {
						elName = elName.charAt(0) == "." ? elName.slice(1) : elName;
						el = document.getElementById(elName) || document.getElementsByClassName(elName) || document.getElementsByTagName(elName);
						if(el.length > 0) {
							return null;
						}else {
							return el;
						}
					}else {
						if(type == "all") {
							return el;
						}else {
							return el[0];
						}
					}
				}
				
				// 顶部广告 隐藏
				getEle(".close_pic_icon").onclick = function () {
					getEle(".top_advertising").style.display = "none";
				}

				// console.log(getEle("h1","all"))
			}
		</script>
	</head><!-- 头部结束 -->

	<body><!-- 页面主体 开始 -->
		
		<!-- 顶部广告 Start -->
		<div class="top_advertising" id="aaaa">
			<div class="adv_box w">
				<a href="#">
					<img src="images/top_advertising/top_advertising.jpg.webp" alt="">
				</a>
				<i class="close_pic_icon">×</i>
			</div>
		</div>
		<!-- 顶部广告 End -->

		<!-- 服务菜单 Start -->
		<div class="shortcut">
			<div class="shortcut_content w clearfix">
				<div class="stop_address f_l">
					<div class="current_add_name">湖南</div>
					<!-- 选择地址 -->
					<div class="select_address">
						<!-- ...  -->
					</div>
				</div>
				<ul class="shortcut_menu_list f_r">
					<li class="first_menu">
						<a class="go_login" href="#">你好，请登录</a>
						<a class="go_register" href="#" style="color: #e1251b;">免费注册</a>
					</li>
					<li>
						<a href="#">我的订单</a>
					</li>
					<li>
						<a href="#">我的京东</a><i class="bottom_icon"></i>
					</li>
					<li>
						<a href="#">京东会员</a>
					</li>
					<li>
						<a href="#" style="color: #e1251b;">企业采购</a><i class="bottom_icon"></i>
					</li>
					<li>
						<a href="#">客户服务</a><i class="bottom_icon"></i>
					</li>
					<li>
						<a href="#">网站导航</a><i class="bottom_icon"></i>
					</li>
					<li class="clear_a">
						<a href="#">手机京东</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 服务菜单 End -->

		<!-- 主导航 Start-->
		<div class="head_container ">
			<div class="w clearfix">
				<!-- 左边 -->
				<div class="logo f_l">
					<h1>
						<a href="#" style="background-image: url(./images/JDlogo.png);
						background-position: 0 0;">京东商城</a>
					</h1>
				</div>
				<!-- 中间 -->
				<div class="servers_content f_l">
					<div class="search_box">
						<div class="s_left_form">
							<div class="search_text">哈哈哈</div>
							<input type="text" style="background: transparent;" />
							<span class="xianji">
								<a href="#"><i class="iconfont icon-22"></i></a>
							</span>
							<button type="submit"><i class="iconfont icon-fangdajing"></i></button>
						</div>
						<div class="cart_right">
							<i class="iconfont icon-cart"></i>
							<a href="#">我的购物车</a>
							<span class="cart_count">0</span>
						</div>
					</div>
					<ul class="search_list">
						<li class="list_item selected"><a href="#">低至五折啦</a></li>
						<li class="list_item"><a href="#">ecco爱步</a></li>
						<li class="list_item"><a href="#">100-50</a></li>
						<li class="list_item"><a href="#">嗨9购了</a></li>
						<li class="list_item"><a href="#">简爱</a></li>
						<li class="list_item"><a href="#">网易严选</a></li>
						<li class="list_item"><a href="#">OPPO K7x</a></li>
						<li class="list_item"><a href="#">春日出游</a></li>
						<li class="list_item"><a href="#">新风空调</a></li>
					</ul>

					<!-- 导航模块 -->
					<div class="main_navs clearfix">
						<ul class="nav1 f_l">
							<li class="add_bold"><a href="">秒杀</a></li>
							<li class="add_bold"><a href="">优惠券</a></li>
							<li><a href="">PLUS会员</a></li>
							<li><a href="">品牌闪购</a></li>
						</ul>
						<ul class="nav2 f_l">
							<li><a href="#">拍卖</a></li>
							<li><a href="#">京东家电</a></li>
							<li><a href="#">京东超市</a></li>
							<li><a href="#">京东生鲜</a></li>
						</ul>
						<ul class="nav3 f_l">
							<li><a href="">京东国际</a></li>
							<li><a href="">京东云</a></li>
						</ul>
					</div>
				</div>
				<!-- 右边 -->
				<div class="promo_lk f_r">
					<a href="#" style="background-image: url(./images/c751bf5ba7187827.png.webp);"></a>
				</div>
			</div>
		</div>
		<!-- 主导航 End-->

		<!--商品分类导航列表、 轮播图 、广告...  Start-->
		<div class="fs w clearfix">
			<div class="left_side">
				<ul>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="#">男装</a>
						<span>/</span>
						<a href="#">女装</a>
						<span>/</span>
						<a href="#">童鞋</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
				</ul>
			</div>
			<div class="focue_slider">
				<ul class="slider_box">
					<li><a href="#"><img src="./images/focus/q.jpg" alt=""></a></li>
					<li><a href="#"><img src="./images/focus/a80c1c7b579d4fe4.jpg.webp" alt=""></a></li>
				</ul>
				<div class="arrow-l"><i class="iconfont icon-zuo"></i></div>
				<div class="arrow-r"><i class="iconfont icon-you"></i></div>
				<ol class="dot">
					<li class="selected_dot"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
			</div>
			<div class="recommend_slider">
				<div class="recommend_swiper">
					<ul>
						<li>
							<a href=""><img src="./images/recommend_slider/3e4e717eeac051b2.jpg.webp" alt=""></a>
							<a href=""><img src="./images/recommend_slider/4cfb88c3aa3e2443.jpg.webp" alt=""></a>
							<a href=""><img src="./images/recommend_slider/4cfd67de0ee4869a.jpg.webp" alt=""></a>
						</li>
					</ul>
				</div>
				<div class="arrow-l"><i class="iconfont icon-zuo"></i></div>
				<div class="arrow-r"><i class="iconfont icon-you"></i></div>
			</div>
			<div class="right_side">
				<div class="top_user_info">
					<div class="user_logo">
						<div class="left_logo_pic">
							<a href="#">
								<img src="./images/user_normal_logo.png" alt="">
							</a>
						</div>
						<div class="right_s_slider">
							<a class="welcome_text" href="#">Hi~欢迎逛京东！</a>
							<div class="go_">
								<a href="#">登录</a>
								&nbsp;|&nbsp;
								<a href="#">注册</a>
							</div>
						</div>
					</div>

					<div class="new_user_btns">
						<a class="welfare" href="#">新人福利</a>
						<a class="plus_huiyaun" href="#">PLUS会员</a>
					</div>
				</div>
				<div class="mid_wall_bulletin">
					<div class="b_title">
						<p>京东快报</p>
						<a href="#">更多 ></a>
					</div>
					<ul class="b_list">
						<li class="b_item">
							<a href="#">
								<span class="b_item_tit">推荐</span>
								多亏有了vivo S9手机1231
							</a>
						</li>
						<li class="b_item">
							<a href="#">
								<span class="b_item_tit">推荐</span>
								多亏有了vivo S9手机1231
							</a>
						</li>
						<li class="b_item">
							<a href="#">
								<span class="b_item_tit">推荐</span>
								多亏有了vivo S9手机1231
							</a>
						</li>
						<li class="b_item">
							<a href="#">
								<span class="b_item_tit">推荐</span>
								多亏有了vivo S9手机1231
							</a>
						</li>
					</ul>
				</div>
				<div class="bottom_service_entry">
					<div class="service_entry">
						<ul>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
							<li>
								<a href="">
									<i>
										<img src="images/service_entry/eed6f6cbf1de3aaa.png" alt="">
									</i>
									<span>话费</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--商品分类导航列表、 轮播图 、广告...  End-->

		<!-- JD 每日特价 | 品牌闪购 Start -->
		<div class="j_special w clearfix">
			<!-- 左边 -->
			<div class="days_special f_l">
				<div class="wrap_hd clearfix">
					<h3 class="wrap_hd_title f_l">
						<a href="#">
							每日好物
							<span class="right_icon"><i class="iconfont icon-you"></i></span>
						</a>
					</h3>
					<ul class="wrap_hd_tab f_r">
						<li class="tab_item tab_active"><a href="#">精选</a></li>
						<li class="tab_item"><a href="#">美食</a></li>
						<li class="tab_item"><a href="#">百货</a></li>
						<li class="tab_item"><a href="#">个护</a></li>
						<li class="tab_item"><a href="#">预告</a></li>
					</ul>
				</div>
				<div class="wrap_special_list clearfix">
					<div class="special_item_first f_l">
						<a href="#">
							<div class="left_top_title">1年最低价</div>
							<img class="g_special_pic" src="./images/days_special/deb67bd25046dd2a.jpg!q70.jpg.webp" alt="">
							<div class="g_message_info">
								<span class="g_name">立白茶籽洗洁精500g*3瓶</span>
								<div class="g_price_info">
									<span class="current_price">
										<i>￥</i>19.9
									</span>
									<span class="original_price">
										<i>￥</i>79.9
									</span>
								</div>
								<span class="g_sales_volume">
									已抢<i class="num">365</i>件
								</span>
							</div>
						</a>
					</div>
					<div class="special_item">
						<div class="g_mast_pic">
							<img src="./images/days_special/2fa89b02534d6e6d.jpg!q70.jpg.webp" alt="">
							<span class="days_num">
								365天最低价
							</span>
						</div>
						<div class="g_mast_message">
							<span class="g_name">十八子作菜刀 赠四件套</span>
							<span class="g_current_price"><i>￥</i>39</span>
							<span class="g_original_price"><i>￥</i>99</span>
							<span class="g_sales_volumeM">
								已抢<i class="num">365</i>件
							</span>
						</div>
					</div>
					<div class="special_item">
						<div class="g_mast_pic">
							<img src="./images/days_special/71ffdaf2ca84fadc.png!q70.jpg.webp" alt="">
							<span class="days_num">
								365天最低价
							</span>
						</div>
						<div class="g_mast_message">
							<span class="g_name">十八子作菜刀 赠四件套</span>
							<span class="g_current_price"><i>￥</i>39</span>
							<span class="g_original_price"><i>￥</i>99</span>
							<span class="g_sales_volumeM">
								已抢<i class="num">365</i>件
							</span>
						</div>
					</div>
					<div class="special_item">
						<div class="g_mast_pic">
							<img src="./images/days_special/f1b1e7c1d921ed1a.jpg!q70.jpg.webp" alt="">
							<span class="days_num">
								365天最低价
							</span>
						</div>
						<div class="g_mast_message">
							<span class="g_name">十八子作菜刀 赠四件套</span>
							<span class="g_current_price"><i>￥</i>39</span>
							<span class="g_original_price"><i>￥</i>99</span>
							<span class="g_sales_volumeM">
								已抢<i class="num">365</i>件
							</span>
						</div>
					</div>
					<div class="special_item">
						<div class="g_mast_pic">
							<img src="./images/days_special/2ce63f71740cdf5d.jpg!q70.jpg.webp" alt="">
							<span class="days_num">
								365天最低价
							</span>
						</div>
						<div class="g_mast_message">
							<span class="g_name">十八子作菜刀 赠四件套</span>
							<span class="g_current_price"><i>￥</i>39</span>
							<span class="g_original_price"><i>￥</i>99</span>
							<span class="g_sales_volumeM">
								已抢<i class="num">365</i>件
							</span>
						</div>
					</div>
				</div>
			</div>

			<!-- 右边 -->
			<div class="brand_lightning f_r">
				<div class="wrap_hd clearfix">
					<h3 class="wrap_hd_title f_l">
						<a href="#">
							品牌闪购
							<span class="right_icon"><i class="iconfont icon-you"></i></span>
						</a>
					</h3>
				</div>
				<div class="brand_box clearfix">
					<a class="most_popular_brand f_l" href="#">
						<img class="most_brand_logo" src="./images/popular_brand/26f335b2287b8234.png!cc_70x35.webp" alt="">
						<h6 class="core_name">周大福闪购专场</h6>
						<div class="core_desc">
							<span>爆款每满1000减50</span>
							<span>仅剩 2 天</span>
						</div>
						<img class="most_brand_gpic" src="./images/popular_brand/3bc83da45696ee49.jpg!cc_130x130.webp" alt="">
					</a>
					<div class="hot_brand f_r">
						<a class="hot_brand_item" href="">
							<div class="hot_small_pic">
								<img src="./images/hot_brand/e2f497bfb4990d74.png!cc_300x150.webp" alt="">
							</div>
							<h6>莉翠行银茶器专场</h6>
						</a>
						<a class="hot_brand_item" href="">
							<div class="hot_small_pic">
								<img src="./images/hot_brand/e2f497bfb4990d74.png!cc_300x150.webp" alt="">
							</div>
							<h6>莉翠行银茶器专场</h6>
						</a>
						<a class="hot_brand_item" href="">
							<div class="hot_small_pic">
								<img src="./images/hot_brand/e2f497bfb4990d74.png!cc_300x150.webp" alt="">
							</div>
							<h6>莉翠行银茶器专场</h6>
						</a>
						<a class="hot_brand_item" href="">
							<div class="hot_small_pic">
								<img src="./images/hot_brand/e2f497bfb4990d74.png!cc_300x150.webp" alt="">
							</div>
							<h6>莉翠行银茶器专场</h6>
						</a>
						<a class="hot_brand_item" href="">
							<div class="hot_small_pic">
								<img src="./images/hot_brand/e2f497bfb4990d74.png!cc_300x150.webp" alt="">
							</div>
							<h6>莉翠行银茶器专场</h6>
						</a>
						<a class="hot_brand_item" href="">
							<div class="hot_small_pic">
								<img src="./images/hot_brand/e2f497bfb4990d74.png!cc_300x150.webp" alt="">
							</div>
							<h6>莉翠行银茶器专场</h6>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- JD 每日特价 | 品牌闪购 End -->
		
	</body><!-- 页面主体 结束 -->
</html><!-- 页面结束 -->